import React, { Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
} from 'react-native';
import styles from "./styles";
import CourseItem from "./CourseItem"; 
export default class RecomCourseList extends Component {

    constructor(props) {
        super(props);
        this.state = {
            
        };
    }
    
    render() {
        const {recomCoursesData, navigation} = this.props
        return (
            <View style={styles.recomCourseBoard}>
                {
                    recomCoursesData.map((item, index) => {
                        return (<CourseItem data={item} styles={styles} key={item.id} navigation={navigation}></CourseItem>)
                    })
                }
            </View>
        );
    }
    
}

